/* all borders solid */

.app-ba-1px {
  border: 1px solid #9e9e9e !important;
}

.app-ba-1px-l1 {
  border: 1px solid #bdbdbd !important;
}

.app-ba-1px-l2 {
  border: 1px solid #e0e0e0 !important;
}

.app-ba-1px-l3 {
  border: 1px solid #eeeeee !important;
}

.app-ba-1px-l4 {
  border: 1px solid #f5f5f5 !important;
}

.app-ba-1px-l5 {
  border: 1px solid #fafafa !important;
}

.app-ba-1px-d1 {
  border: 1px solid #757575 !important;
}

.app-bb-1px-d1 {
  border-bottom: 1px solid #757575 !important;
}

.app-ba-1px-primary {
  border: 1px solid #26c6da !important;
}

.app-ba-1px-d1 {
  border: 1px solid #757575 !important;
}

.app-ba-1px-d2 {
  border: 1px solid #616161 !important;
}

.app-ba-1px-d3 {
  border: 1px solid #424242 !important;
}

.app-ba-1px-d4 {
  border: 1px solid #212121 !important;
}

/* all borders dash */

.app-ba-1px-dashed {
  border: 1px dashed #9e9e9e !important;
}

.app-ba-1px-dashed-l1 {
  border: 1px dashed #bdbdbd !important;
}

.app-ba-1px-dashed-l2 {
  border: 1px dashed #e0e0e0 !important;
}

.app-ba-1px-dashed-l3 {
  border: 1px dashed #eeeeee !important;
}

.app-ba-1px-dashed-l4 {
  border: 1px dashed #f5f5f5 !important;
}

.app-ba-1px-dashed-l5 {
  border: 1px dashed #fafafa !important;
}

/* top border */

.app-bt-1px {
  border-top: 1px solid #9e9e9e !important;
}

.app-bt-1px-l1 {
  border-top: 1px solid #bdbdbd !important;
}

.app-bt-1px-l2 {
  border-top: 1px solid #e0e0e0 !important;
}

.app-bt-1px-l3 {
  border-top: 1px solid #eeeeee !important;
}

.app-bt-1px-l4 {
  border-top: 1px solid #f5f5f5 !important;
}

.app-bt-1px-l5 {
  border-top: 1px solid #fafafa !important;
}

/* bottom border */

.app-bb-1px {
  border-bottom: 1px solid #9e9e9e !important;
}

.app-bb-1px-l1 {
  border-bottom: 1px solid #bdbdbd !important;
}

.app-bb-1px-l2 {
  border-bottom: 1px solid #e0e0e0 !important;
}

.app-bb-1px-l3 {
  border-bottom: 1px solid #eeeeee !important;
}

.app-bb-1px-l4 {
  border-bottom: 1px solid #f5f5f5 !important;
}

.app-bb-1px-l5 {
  border-bottom: 1px solid #fafafa !important;
}

/* top and bottom borders */

.app-by-1px {
  border-top: 1px solid #9e9e9e !important;
  border-bottom: 1px solid #9e9e9e !important;
}

.app-by-1px-l1 {
  border-top: 1px solid #bdbdbd !important;
  border-bottom: 1px solid #bdbdbd !important;
}

.app-by-1px-l2 {
  border-top: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.app-by-1px-l3 {
  border-top: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
}

.app-by-1px-l4 {
  border-top: 1px solid #f5f5f5 !important;
  border-bottom: 1px solid #f5f5f5 !important;
}

.app-by-1px-l5 {
  border-top: 1px solid #fafafa !important;
  border-bottom: 1px solid #fafafa !important;
}

/* left border */

.app-bl-1px {
  border-left: 1px solid #9e9e9e !important;
}

.app-bl-1px-l1 {
  border-left: 1px solid #bdbdbd !important;
}

.app-bl-1px-l2 {
  border-left: 1px solid #e0e0e0 !important;
}

.app-bl-1px-l3 {
  border-left: 1px solid #eeeeee !important;
}

.app-bl-1px-l4 {
  border-left: 1px solid #f5f5f5 !important;
}

.app-bl-1px-l5 {
  border-left: 1px solid #fafafa !important;
}

/* right border */

.app-br-1px {
  border-right: 1px solid #9e9e9e !important;
}

.app-br-1px-l1 {
  border-right: 1px solid #bdbdbd !important;
}

.app-br-1px-l2 {
  border-right: 1px solid #e0e0e0 !important;
}

.app-br-1px-l3 {
  border-right: 1px solid #eeeeee !important;
}

.app-br-1px-l4 {
  border-right: 1px solid #f5f5f5 !important;
}

.app-br-1px-l5 {
  border-right: 1px solid #fafafa !important;
}

/* left and right borders */

.app-bx-1px {
  border-left: 1px solid #9e9e9e !important;
  border-right: 1px solid #9e9e9e !important;
}

.app-bx-1px-l1 {
  border-left: 1px solid #bdbdbd !important;
  border-right: 1px solid #bdbdbd !important;
}

.app-bx-1px-l2 {
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
}

.app-bx-1px-l3 {
  border-left: 1px solid #eeeeee !important;
  border-right: 1px solid #eeeeee !important;
}

.app-bx-1px-l4 {
  border-left: 1px solid #f5f5f5 !important;
  border-right: 1px solid #f5f5f5 !important;
}

.app-bx-1px-l5 {
  border-left: 1px solid #fafafa !important;
  border-right: 1px solid #fafafa !important;
}

/* 4x top border */

.app-bt-1 {
  border-top: 4px solid rgb(245, 245, 245) !important;
}

.app-bt-2 {
  border-top: 8px solid rgb(245, 245, 245) !important;
}

.app-bt-3 {
  border-top: 12px solid rgb(245, 245, 245) !important;
}

.app-bt-4 {
  border-top: 16px solid rgb(245, 245, 245) !important;
}

/* 4x bottom border */

.app-bb-1 {
  border-bottom: 4px solid rgb(245, 245, 245) !important;
}

.app-bb-2 {
  border-bottom: 8px solid rgb(245, 245, 245) !important;
}

.app-bb-3 {
  border-bottom: 12px solid rgb(245, 245, 245) !important;
}

.app-bb-4 {
  border-bottom: 16px solid rgb(245, 245, 245) !important;
}

.app-circle {
  border-radius: 1000px !important;
  overflow: hidden !important;
}

.app-round-1 {
  border-radius: 4px !important;
  overflow: hidden !important;
}

.app-round-2 {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.app-round-3 {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.app-round-4 {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.app-round-5 {
  border-radius: 20px !important;
  overflow: hidden !important;
}

.app-round-6 {
  border-radius: 24px !important;
  overflow: hidden !important;
}

.app-round-10px {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.app-round-full {
  border-radius: 9999px !important;
  overflow: hidden !important;
}

.app-divider {
  border-top: 1px;
  display: block;
  flex: 1 1 0px;
  max-width: 100%;
  height: 0px;
  max-height: 0px;
  border: solid rgba(0, 0, 0, 0.12);
  border-width: thin 0 0 0;
  transition: inherit;
}

.app-hover-bg:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.app-opacity-0 {
  opacity: 0 !important;
}

.app-opacity-10 {
  opacity: 0.1 !important;
}

.app-opacity-20 {
  opacity: 0.2 !important;
}

.app-opacity-30 {
  opacity: 0.3 !important;
}

.app-opacity-40 {
  opacity: 0.4 !important;
}

.app-opacity-50 {
  opacity: 0.5 !important;
}

.app-opacity-60 {
  opacity: 0.6 !important;
}

.app-opacity-70 {
  opacity: 0.7 !important;
}

.app-opacity-80 {
  opacity: 0.8 !important;
}

.app-opacity-90 {
  opacity: 0.9 !important;
}
